The code i'm using:

    var touchesDown = 0;
    touchesDown = touches.length;
    text(touchesDown, width/2,height/2);
    for (var i = 0; i < touches.length; i++) {
      text(touches[i].x.toFixed(2) + ", " + touches[i].y.toFixed(2), touches[i].x, touches[i].y - 50);
    }

For reference I want the program to store p amount of grey colour values (plus black and white 0, 255) in an array. The values stored in the array occur at equal intervals. e.g p value of 5 should store:{ 0, 51, 102, 153, 204, 255 }.

Thanks for any help.

int p = 1;
int interval = 255 / p;
int[] vGreyPalette = new int [(p+1)];

 void setup() {
   size(200, 200);
   noLoop();
 }

 void draw () {

  for (int i = 0; i == p; i++) {    
    vGreyPalette[i] =  (i * interval);
  }
  fill (vGreyPalette[int(random(p))]);
  rect(0, 0, width, height);

 }

void keyPressed() {
  if (key == 'w') {
    p = p + 1;
    redraw();
  }
}

import processing.video.*;
Movie myMovie;
int pos;
int sliceSize = 5;
int outputcounter= 1;
String date;
void setup() {
  size(5000, 720);
  myMovie = new Movie(this, "versuch1.mp4");
  myMovie.loop();
  pos = 0;
  date = timestamp();
  //myMovie.jump(176);
}
void draw() {
  if (myMovie.available()) {
    myMovie.read();
    pushMatrix();
    for (int i=0; i<1280; i+= sliceSize){
    //translate(width/2, height/2);
    //rotate(HALF_PI);
    //translate(-width/2, -height/2);
    //tint(255, 20);
    copy(myMovie, i, 0, sliceSize, myMovie.height, pos, 0, sliceSize, height); //(copy (quelle, x , y, breite, höhe, position im neuen bild, ))
    scale(-1,1);
    pos+=sliceSize*i; //horizontal gefilmt
    //copy(myMovie, 0, myMovie.height/2, myMovie.width, sliceSize, 0, pos, width, sliceSize); //vertical gefilmt
    //pos-=sliceSize;
    if (pos>width) {
      saveFrame("png/"+ date+"/"+nf(outputcounter,3)+".png");
      outputcounter++;
      pos = 0;
    }
    }
    //image(myMovie, 0,0,960,540);}
    popMatrix();
  }
  }


// Called every time a new frame is available to read
/**void movieEvent(Movie m) {
 m.read();
 }*/

void keyPressed() {
  if (key == 32) {
    saveFrame("png/output_"+timestamp()+".png");
  }
}

String timestamp() {
  return new java.text.SimpleDateFormat("yyyy_MM_dd_kkmmss").format(new java.util.Date ());
}

//webseite 100vh quadrat (3/4=133) png= 001.png, 002.png

float a;
float b;
int dotNumber = 0;
void setup() {
  size(200, 200);
  background(255);
}
void draw() {
  strokeWeight(3);
  a = random(200);
  b = random(200);
  dotNumber = 0;
  while(dotNumber < 100) {
    point(a, b);
    dotNumber = dotNumber + 1;
    print(dotNumber);
  }
}

This is is a part of code I plan to implement inside Class, so I've tried to avoid using void mousePressed(){} and instead create my own function, and yet it doesn't do what I would've expected it to do. So I tried to strip it to bare bones, and see what's up.

 
    int R=1, A=255; //Ellipse radius and Alpha value
    IntList PosX = new IntList(1), PosY = new IntList(1); //Values placeholder
    int inPosX, inPosY, CountBegin, strength;
    IntList Count = new IntList(1);//Values placeholder
    
    void setup() {
      size(360, 360);
    }
    
    void draw() {
      background(51);
      if (mousePressed) {//Added if(){} so that I will only be able to enter the loop once I press the mouse button
                         //Because otherwise I fear It'll get executed once, record the value at index(0) at the start of the program
                         //The test will get evaluated as false and it'll exit the loop
        for (int i=0; mousePressed; i=1) {
          //My understanding was that the moment the event get triggered
          //The initial value will get placed at index (0), while the rest will get constantly updated at index (1)
          //until the test get evaluated as false, and event ends, but the values will get recorded.
          
          PosX.set(i, mouseX);   PosY.set(i, mouseY);    Count.set(i, millis());
          inPosX=PosX.get(0);    inPosY=PosY.get(0);     CountBegin=Count.get(0);
          
          fill( 0, 121, 184, A);
          ellipse(inPosX, inPosY, R, R);
          R++; 
          A=constrain(A--, 0, 255);
    
          strength=millis()-CountBegin;
        }
      }
      println(CountBegin);  //And this get's me 0.00's, but even if I place it inside if(){} or for(){}
                            //and tell it to print a predefined value, it won't even execute the command.
                            //Meaning it never executes those blocks of code
    }
    

Expectation: Inside the eventual working Class object, I'd announce it's variables as placeholders, with the press of the mouse button it'll 'charge' and display the progress of it's charging, record its charge strength, call the whole function void born(){}, upon release it'll pass the strength value to another block of code and execute, in the future, void grow(){}, the strength value would indicate for either how long it'll live or how big it'll be, so I thought I'd divide it's death in void wither(){}, where it'll fade and void die(){}, where I'd remove it from program.

Reality: It just doesn't agree with me.

Seeing as I'm still stuck in the beginning stage I'm looking for help or any alternatives to perform same task of recording first instance of a value and it's last.

Thank you!

background(0); fill(255); stroke(102); for (int y = 20; y <= height-20; y += 10) { for (int x = 20; x <= width-20; x += 10) { ellipse(x, y, 4, 4); line(x, y, 240, 60);

Can someone please explain to me what causes the loops to point those lines from the ellipses to the centre specifically? Would just like know, thanks in advance!

PVector PsVerts[] ;
PVector PsVerts2[]; 

In draw

pushMatrix();
  rotateY(-k); //-----------------HERE
  translate(Mouse.x, Mouse.y, Mouse2.z+width/2);
  rotateY(k); //
  fill(26, 59, 45);
  beginShape();

  for (int i=0; i < 800; i+=10 ) {
    println(i);
    PVector PsVerts[] = new PVector [i];
PVector PsVerts2[] = new PVector [i];
println(i);
   PsVerts[i].x = Mouse.x;
    PsVerts[i].y = Mouse.y ;

    PsVerts2[i].x = Mouse2.x;
    PsVerts2[i].y = Mouse2.y ;

    vertex(Mouse.x, Mouse.y, 0);
    vertex(Mouse2.x, Mouse2.y, 0);
  }
  endShape();
  popMatrix();

Using for (int i=0; i<=5000; i++) it stops displaying correctly at FrameCount = 5000 (5,000 * 5,000 = 25,000,000).

Using for (int i=0; i<=10000; i++) it stops displaying correctly at FrameCount = 2500 (10,000 * 2500 = 25,000,000).

Using for (int i=0; i<=50000; i++) it stops displaying correctly at FrameCount = 500 (50,000 * 500 = 25,000,000).

Is there a way to just keep it running properly? Thanks.

The problem -> when I map i from 0-7 it works and the letter "A" doesn't rotate but when I map i from 2-7 it affects the value of i and "C" is the letter which doesn't rotate, ideally it should be "A" no matter how do I map i for R

    String[] s = {
      "A", "B", "C", "D", "E", "F", "G"
    };  
    void setup() {
      size(300, 300);
    }
    int k=0;
    void draw() {
      background(-1);
      for (int i=0; i<7; i++) {
        float R = map(i, 2, 7, 0, 50);
        float ang = i*360/7;
        float x = width/2+R*cos(radians(ang)+radians(k));
        float y = height/2+R*sin(radians(ang)+radians(k));
        // println(i);
        //    if (i<4) {
        fill(0);
        text(s[i], x, y);
        //    } else {
        //      fill(0);
        //      ellipse(x, y, 5, 5);
        //    }
      }
      k++;
    }

I am trying to make my program draw lines, that become just a little bit thicker each step. But: The sketch does not react to my decimal numbers. I want to have a gradient in the strokeWeight of my lines. Is this possible?

void setup () {
  size(540, 540);
  background(0);

  fill(255;
}

void draw() {
  background(0);
  noStroke();

  for (float i = 0; i < a; i++) {
rect(width-i*10,0,i/20,height);
  }
}

Hi everyone, I am trying to build a game of life application with many useful features . For latest detail, please check the latest branch. (there are too many keys to operate, so I made a video for a non-programmer friend to try)

While reading @quark's website, I noticed the game of life app can moving over edge and appear from the other side. I thought it should not be very hard to write but I was wrong and it is driving me crazy.

I guess the tricky part is handing when xx == -1 and xx == (width-1)/cellSize and yy == -1 and yy == (width-1)/cellSize and xx yy being neighbour cell's coordinates. Below is the iteration function I tried to create going through-edges feature.

Could you help me with this feature? Thanks!

In the latest branch, there are two iteration functions one named iteration()(the driving me crazy one, below) and iterationOld()(the working one but without going through-edges feature) :

This iteration() appears with no error, but it disabled previously working program.

    //(here are some of the global variables)
    // cell is a rect with width and height both 5 pixels
    int cellSize = 5;

    // canvas is carved into a grid named cells and cellsBuffer (for memory)
    int[][] cells; 
    int[][] cellsBuffer;

    // canvas's width and height deliberately set as 601 which helps me display a selecting red square when it aligns with edges
    int width =  601;
    int height =601; 


        void iteration() { 


         // save cells to cellsBuffer before every iteration
         for (int x=0; x<(width-1)/cellSize; x++) {
           for (int y=0; y<(height-1)/cellSize; y++) {
             cellsBuffer[x][y] = cells[x][y];
           }
         }

         // for every cell
         for (int x=0; x<(width-1)/cellSize; x++) {
           for (int y=0; y<(height-1)/cellSize; y++) {

             // number of its neighbours set 0 at first
             int neighbours = 0; 

             // loop around each cell to count up its living neighbours
             for (int xx=x-1; xx<=x+1; xx++) { //<>// //<>//

               if (xx == (width-1)/cellSize) {
                 xx = 0;
               }

               if (xx == -1) {
                 xx = (width-1)/cellSize-1;
               }

               for (int yy=y-1; yy<=y+1; yy++) {  

                 if (yy == -1) {
                   yy = (height-1)/cellSize-1;
                 }
                 if (yy == (height-1)/cellSize) {
                   yy = 0;
                 }

                   if (!((xx==x)&&(yy==y))) { 
                     // if a neighbour's value is 1, set count it as 1
                     if (cellsBuffer[xx][yy]==1) { 
                       neighbours ++; //<>// //<>//
                     }
                   }
                 //}
               }
             }



             // ***** apply rules to each cell

             // if it is alive, but living neighbours are less than 2 or more than 3, make it dead
             if (cellsBuffer[x][y]==1) { 
               if (neighbours < 2 || neighbours > 3) { 
                 cells[x][y] = 0;
               } else {
                 // nothing changes
               }
             } else { // if it is dead 

               // but if its living neighbour are exactly 3, then make it alive
               if (neighbours == 3 ) { 
                 cells[x][y] = 1;
               } else {
                 // nothing changes
               }
             }
           }
         }
        }

I have an array of Strings, {a,b,c,b,a,d,a,c,a}. I wanted to sort and replace them with integers, and change it as {0,1,2,1,0,3,0,2,0}

As the first step I tried removing the repeating elements from the array and made another array of strings {a,b,c,d}. Then I used a for loop and assigned values for these strings as {0,1,2,3}.

Now I wanted to replace the individual members in the first array of strings, where "a" is replaced with "0", "b" with "1", "c " with "2" and "d" with "3", and make an array {0,1,2,1,0,3,0,2,0}

String [] name = {"a", "b", "c", "b", "a", "d", "a", "c", "a"};

IntDict sortedName;
IntDict finalNameList;


void setup() {
  size(600, 600);
  smooth();

  sortedName = new IntDict();
  finalNameList = new IntDict();


  for (int i=0; i<name.length; i++) {
    finalNameList.increment(name[i]);
  }

  String [] names = sortedName.keyArray(); //// sorted array of strings {a,b,c,d}

  for (int i=0; i<names.length; i++) {
    finalNameList.set(names[i], i);
  }

  int [] values = finalNameList.valueArray(); ///// assigned values for a,b,c,d-- 0,1,2,3


  ////// now i wanted to replace the strings in the first array, name with the integers

  for (int i =0; i<name.length; i++) {
    name[i]= name[i].replaceAll(names[i], i-names.length);

    println(name[i]);
  }
}


void draw() {

  background(125);
}

would be great if someone can help me with this. many thanks in advance :)

I was trying to find the sum of an array of numbers. but when i tried calculating it using the code below, I found the values being continuously increased since the forloop is running. Is there any way that I can get the sum of the numbers in the array other than adding a noLoop function or doing the addition inside void setup?

It would be a great help if someone can help me with this. Many thanks in advance

Cheers, Yousuf.

    float sum = 0;
    float [] f = {12, 2, 4, 6, 23};

    void setup() {

      size(600, 600);
      smooth();
    }

    void draw() {

      for (int i =0; i<f.length; i++) {

        sum +=f[i];
      }
      println(sum);//// I only wanted to print the first value of sum, which is the total of the numbers listed array of numbers.
    }

I want to arrange many lines around a circle in Processing. The amount of lines shall be controlled by the mouseX-position. But i struggle with that:

1. I want the lines to be arranged around the circle properly. The angle/gap between the lines shall be equal. But there's a gap between the first and the last line.

2. I try to get familiar with the map()-function but it does not work.

Thank you guys!!!!

Here's my code:

int a;

void setup () {
  size(540, 540);
  background(#222222);
  stroke(#dddddd);
  noFill();
}

void draw() {
  a = mouseX;
  map(a,0,width,0,100);
  background(#222222);
  translate(width/2, height/2);
  ellipse(0,0,100,100);
  for (int i = 0; i < a; i++) {
    rotate(radians(360/a)); 
    line(50, 0, 200, 0);
  }
  println(a);
}

Here's my code:

int size = 300;
int tileSize = 15;
int tileNumber = size / tileSize;
tile [] tileField = new tile [tileNumber];

void setup() {
  size(size, size);
  for (int i = 0; i < tileNumber; i++) {
    for (int j = 0; j < tileNumber; j++) {
      tileField[i] = new tile(i * tileSize, j * tileSize, 255, 255, 255, 5);
    }
  }
}

void draw() {
  background(0);
  for(int i = 0; i < tileNumber; i++) {
    tileField[i].tileRun();
  }
}

class tile {
 int tileX;
 int tileY;
 int tileRed;
 int tileGreen;
 int tileBlue;
 int tileActive;

 tile(int _tileX, int _tileY, int _tileRed, int _tileGreen, int _tileBlue, int _tileActive) {
   tileX = _tileX;
   tileY = _tileY;
   tileRed = _tileRed;
   tileGreen = _tileGreen;
   tileBlue = _tileBlue;
   tileActive = _tileActive;
 }

 void tileRun() {
   tileDisplay();
   tileActivate();
 }

 void tileDisplay() {
   fill(tileRed, tileGreen, tileBlue);
   rect(tileX, tileY, tileSize, tileSize);
 }

 void tileActivate() {
   tileActive = int(random(501));
   if (tileActive == 0) {
     tileRed = int(random(256));
     tileGreen = int(random(256));
     tileBlue = int(random(256));
   }
   else {
     tileRed = 0;
     tileGreen = 0;
     tileBlue = 0;
   }
 }
}

However when I run the code only the squares on the bottom of the screen flash. Is it a problem with my forLoop?

Square[] theSquares;
void setup(){
size(500,500,P2D);
theSquares = new Square[4];
for (int i=0;i<=theSquares.length -1; i++){
  theSquares[i] = new Square();
  }
}

void draw(){
background(255);

for (int s=0;s<=(theSquares.length-1);s++){
  theSquares[s].display();
  theSquares[s].moveSquare();
}
}

class Square {
  PShape coolShape;
  int x;
  int y;

 //constructor
 Square(){
  coolShape = createShape();
  coolShape.beginShape();
  coolShape.noStroke();
  coolShape.fill(0, 127);
  coolShape.vertex(0, -50);
  coolShape.vertex(14, -15);
  coolShape.vertex(47, -15);
  coolShape.vertex(23, 7);
  coolShape.vertex(29, 40);
  coolShape.vertex(0, 25);
  coolShape.vertex(-29, 40);
  coolShape.vertex(-23, 7);
  coolShape.vertex(-47, -15);
  coolShape.vertex(-14, -15);
  coolShape.endShape(CLOSE);
 }

 void moveSquare(){
   x=mouseX;
   y=mouseY;
   translate(x,y);
  }

 void display(){
   shape(coolShape);
 }
 }

I've only been able to make the lines all rotate to the same degree. So, can someone explain how to make each line rotate +6 degrees each time? Thank you.

  for(int i = 0; i < 60; i++ ) {
    float xPos = 230 * sin(TWO_PI/60 * i);
    float yPos = 230 * cos(TWO_PI/60 * i);
    line(clockPos + xPos, clockPos + yPos, clockPos + xPos, clockPos + yPos + 10);
  }

I'm doing some exercizes on Array and Loop. In this example I want to draw 5 circles on along the same _y _direction and with a distance (150) between each other on the _x _axis. I used the _for _loop to inizialize, I don't understand why the array doesn't work, there is just one circle, the first(0).

Could you tell me what's wrong with the code?

 //array vuoto di 4
 Cerchio[] cr =new Cerchio[4];



  void setup () {
  background(0);

  size(750, 500);


   //createtheobject and populate it in the array
  float dist;
  float dim=100;
  float y=350;

  for (int i=0; i<cr.length; i++) {
   cr[i]=new Cerchio(150,250, dim);
  }
}

void draw() {

  //iterate throught th
 for (int i=0; i<cr.length; i++) {
   cr[i].display();
 }
}

//tab

class Cerchio {
 float x;
 float y;
 float dim;

 Cerchio(float _x, float _y, float _dim) {

   x=_x;
   y=_y;
   dim=_dim;
 }



 void display() {


  for (int i=0; i<cr.length; i++) {
    noStroke();
    smooth();
    fill(255, 255);
    ellipse(x, y, dim, dim);
  }
 }
}

import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;
import ddf.minim.*;

int time = millis();
int timeLoop = 10000;

Minim minim;
AudioInput in;
float smoothingAlpha = 0.9;
float smoothMicrophoneValue = 0;
float microphoneLimit = 0.0367;
float microphoneThreshold = 0.0001;
PFont myFont;

//----------------------------------------------------------------

void setup(){
size(350, 500);
minim = new Minim(this); // Mikrofon
// use the getLineIn method of the Minim object to get an AudioInput
in = minim.getLineIn();
}

//----------------------------------------------------------------

void draw(){
frameRate(10);
background(#ED2D2D);

float microphoneValue = in.left.get(0);
microphoneValue = abs(microphoneValue);
microphoneValue = smoothMicrophoneValue = smoothingAlpha * smoothMicrophoneValue + (1-smoothingAlpha) *
microphoneValue;

//----------------------------------------------------------------

if(microphoneValue*18 <= 2){<br> myFont = createFont("Apercu-Bold", 32);
textFont(myFont);
textAlign(CENTER, CENTER);
text("say it to me", width/2, 225);
}

//----------------------------------------------------------------

if((microphoneValue*18 > 2)&&(microphoneValue*18 < 5)){
myFont = createFont("Apercu-Bold", 32);
textFont(myFont);
textAlign(CENTER, CENTER);
text("louder!", width/2, 225);
}

//----------------------------------------------------------------

if(microphoneValue*18 > 5){
time = 0;
println(millis());
boolean b = millis() < timeLoop;
if(b == true) {
println("noLoop " + millis());
noLoop();}
if(b==false){
println("loop " + millis());
loop();}
myFont = createFont("Apercu-Bold", 32);
textFont(myFont);
textAlign(CENTER, CENTER);
text("hell yeah!", width/2, 225);
}
}

PImage[] img = new PImage[17];

int i;
int j;

float opLevel;

void setup() {
  size(1280, 720);

/*
  for (i=0; i < img.length; i++) {    
    img[i] = loadImage(i + ".jpg");
  }
*/

  for (j = 0; j < img.length; j++) {   

    opLevel = (1/(j+1))*255;
    tint(255, opLevel);
    //image(img[j], 0, 0);

    println(opLevel);
  }

}

for (float x = 0 ; x< 400 ; x+= 40) {
    for (float y = 0 ; y< 400 ; y+= 40){
        shape
    }
}

I seem not to understand how the " for" starts

thus these mean that for every x becoming +40 it will create first y up to y 400 ? or

it has no sequence ? also how is the structure would be created if I added an inclining number after the encapsulated inclination ?

} insert something here with inclining variable the affect the shape in the encapsulated "for' structure }

what technique do you guys use to make using for iterations easy to predict the results ?

also is it possible to make many for inside for ?

Thanks

// Copywrite Bret Merritt, 2015
PShape objShape;
float rotX;
float rotY;

void setup() {
  size(1280, 768, P3D);
  objShape = loadShape("Wolf_fixed.obj");
  stroke(200);
  strokeWeight(.7);
  smooth(8);
}

void draw() {
  stroke(200);
  background(20);
  translate(width/2, height/1.7, 300);
  rotateX(PI);
  rotateY(rotX);

  PShape s = createShape();
  s.beginShape(TRIANGLES); 
  for (int i=0; i<objShape.getChildCount (); i++) {
    if (objShape.getChild(i).getVertexCount() ==3) {
      for (int j=0; j<objShape.getChild (i).getVertexCount(); j++) {

        PVector p = objShape.getChild(i).getVertex(j);

        // random deform
        p.mult(random(.95, 1.05));

       // random fill per triangle 
//        s.fill(random(0, 200));

        s.vertex(p.x, p.y, p.z);
      }
    }
  }

  s.endShape(CLOSE);
  shape(s);
}

void mouseDragged() {
  rotX += (mouseX - pmouseX) * 0.01;
  rotY -= (mouseY - pmouseY) * 0.01;
}

It's my first time doing coding so I am having quite the struggle to come up with a simple game for my little project that I'm working on :( I do apologize if similar coding has been explained before... waahhhhh

The coding so far shows circles falling down from the top (that's the extend of my skills..), I would like the user to be able to click on it before it falls to the bottom, and the circle would disappear when clicked. If the circles reaches the bottom without it being clicked, the game finishes.. I know I'm suppose to use the forloop but it didn't work for me..

This is my code so far, I'd totally be eternally grateful if I get any help <33

xx

int speed =2; int posX =250; int posY =0;

int posN =450; int posM =0;

int posA =100; int posB =0;

int posC =300; int posD =-120;

int posE =200; int posF =-40;

void setup(){ size (500,500);

}

void draw(){ background(0);

ellipse(posX,posY,10,10);

if(posY <600){ posY = posY + speed+5;

}

ellipse(posN,posM,20,20);

if(posM <600){ posM = posM + speed+5; }

ellipse(posA,posB,30,30);

if(posA <600){ posB = posB + speed+3; }

ellipse(posC,posD,30,30);
if(posA <600){

posD = posD + speed+3; } ellipse(posE,posF,15,15); if(posA <600){ posF = posF + speed+3; } }

void mousePressed() { loop(); // Holding down the mouse starts the loop }

in my code , obsX is the x position, obsY is y position:

obsX=int(random(-50, width-200));

obsY=height-100;

obsX2=int(random(-50, width-200));

obsY2=height+200;

obsX3=int(random(-50, width-200));

obsY3=height+400;

obsWidth=200;

obsHeight=100;

obsSpeed=5;

and i write a function call wood to make it move those objects upward:

void wood() {

image(cloud,obsX, obsY, obsWidth, obsHeight); obsY=obsY-obsSpeed;

image(cloud,obsX2, obsY2, obsWidth, obsHeight); obsY2=obsY2-obsSpeed;

image(cloud,obsX3, obsY3, obsWidth, obsHeight); obsY3=obsY3-obsSpeed;

}

How could i use array and for loop to simplify the code??

But I am trying to do the same ellipse grid, without using the i & j's. Just using them as counters. It works for one row of ellipses:

 size(200, 200);
 int x = 10;
 int y = 10;
 for (int i = 5; i < width; i = i+10) { 
     ellipse(x, y, 10, 10);
     x = x+20;
    }

but when I try to do a grid (adding the nested for), it doesn't work.

 size(200, 200);
 int x = 10;
 int y = 10;

 for (int i = 5; i < width; i = i+10) { 
   for (int j = 5; j < height; j = j+20) {
     ellipse(x, y, 10, 10);
     x = x+20;
     }
     y = y+20; 
 }

And I can not see what I am missing. Anyone? thanks!